.content{  position: relative; z-index: 1;}
.admin-info{ background: #786499; height: 120px; padding: 20px;}
.admin-info a{ display: block; float:left;  }
.admin-info a img{border-radius:50%; border: 2px solid #17f7fa;}
.admin-info p{ margin-left: 100px; color:#fff; font-size:16px; line-height: 20px; padding-top: 10px; height: 80px; margin-bottom: 10px; }
.admin-info p span{color:#cfcfcf; font-size:12px; line-height: 18px; display: inline-block;}
.userAction a{ display: inline-block; width: 22px; height: 22px; margin-right: 15px; background-image: url(../images/user-ico.png);}
.userHome{ background-position: 0 0;}
.userTalk{ background-position: 0 -22px;}
.userMoney{background-position: 0 -44px;}
.userFans{background-position: 0 -66px;}
.userCode{background-position: 0 -88px;}
.userAction .userEdit{background-position: 0 -110px; margin-right: 0px;}


.search-user{ background: #8073a8 url("../images/search-user.png") 20px no-repeat; height: 50px; padding-top: 1px; margin-bottom: 10px;}
.search-user input{ font-size: 16px;  display: block; margin: 15px 0 0 70px; color: white;}
.user-list li{ float: left; display: inline; width: 210px; height: 40px; padding:10px 20px; }
.user-list li:hover{ background: #7f6ca7;}
.user-list li a{ display: block; float:left;  }
.user-list li a img{border-radius:50%; }
.user-list li p{ margin-left: 60px; color:#fff; font-size:14px; line-height: 40px; position: relative; }
.user-list li p span{ display: inline-block; width: 10px; height: 10px;  border-radius: 50%; position: absolute; right: 0px;top:16px;}
.user-list li p .userOutline{ background:#5e5e5e;}
.user-list li p .userOnline{ background: #a2ffc2;}


.user-list { width: 250px; margin-bottom: 20px; }
.user-list .viewport { width: 250px; height: 480px; overflow: hidden; position: relative; z-index: 1; }
.user-list .overview {  position: absolute; left: 0; top: 0;  }
.user-list .scrollbar{ position: relative; background-position: 0 0; float: right; width: 6px; z-index: 2; }
.user-list .track { background-color: #ccc; height: 100%; width:5px; position: relative;border-radius:8px;}
.user-list .thumb { background:#644d89; border-radius:8px; height: 20px; width:5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0; }
.user-list .disable { display: none; }

.show-list{ padding: 20px; position: relative;}
.show-list article{border-bottom: 1px solid #d8d8d8; margin-bottom: 30px;}
.show-list  h3{ line-height: 35px;
    margin-bottom: 10px;
    padding: 0 10px;}
.show-list  h3 a{color: #1d7da7;
    font-size: 20px;
    font-weight: bold;}
.show-list  .article-text{  color: #666666;
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 10px;
    padding: 0 10px;}
.show-list .article-info{color: #aaaaaa;
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    overflow: hidden;
    position: relative;}
.show-list .article-info li {
    float: left;
    margin-right: 10px;
}
.show-list .article-info a {
    color: #1d7da7;
}
.show-list .article-img img{ max-width: 660px; max-height: 500px;}

#nav-page a{display: inline-block; padding: 6px 12px; background:#579; color: white; margin-right: 15px;}
#nav-page .now-page{ background: palevioletred;}


/* 文章页 */
.article-content{ padding: 20px;}
.article-header {
    border-bottom: 1px solid #eee;
    margin-left: 20px;
    padding: 18px 20px 12px;
    text-align: center;
    width: 88%;
}
.article-header h1{ color: #006699; font-size:22px; margin-bottom: 20px; }
.article-content {
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 5px;
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
}

.article-content p {
    text-indent: 2em;
    line-height: 24px;
}
.meta{ line-height: 20px; text-align: center;}
.meta span{ margin-right: 20px; color: #999;}
.meta span.margin-0{ margin-right: 0px;}

.user-tool{ text-align: center;}
.user-tool a{ display: inline-block; border-radius:5px;  padding: 5px 10px; width: 60px; text-align: center; color: white; margin-left: 20px;}
.user-login,.user-reg{ background:#1A76B7; }

/*user login*/
.userlogin{ padding: 20px;}
.userlogin p {
    line-height: 1.5;
}

.userlogin label {
    color: #777;
    font-size: 14px;
}
.userlogin .input {
    font-size: 24px;
    margin: 2px 0px 16px 0;
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
    color: #333;
    outline: 0 none;
    transition: border-color 0.05s ease-in-out 0s;
}

.userlogin .button {
    height: 30px;
    line-height: 28px;
    padding: 0 12px 2px;
    float: right;
    background: #2ea2cc none repeat scroll 0 0;
    border-color: #0074a2;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.userlogin .forgetmenot{ float: left;}

.article-content pre{ border: 1px solid #a4d4ec; background: #e9f5fc ; white-space: pre-wrap!important;
    word-wrap: break-word!important; border-radius: 2px; color:#5a5b59;}
.article-content pre ol{list-style: outside none decimal; padding:10px 10px 10px 30px;  }
pre ol li{border-left:3px solid #6ce26c; padding-left: 10px;}

.code-img input{  height: 25px;  margin-left: 10px;  margin-top: -20px;  width: 100px; border:  1px solid #ddd; }
.code-img img{cursor: pointer; }
.user-talk-enter{ padding: 20px;}
.user-talk-enter h3{ line-height: 40px; font-size:20px; }
.user-talk-enter textarea{
    border:1px solid #006699;
    height: 120px;
     width: 95%;
    padding: 10px;
    margin-bottom: 10px;
}
#user-talk-button{ border-radius: 6px; width: 80px; border: none; cursor: pointer; background: #006699; color: white;}
.user-talk-list{ padding: 20px;}
.talk-list-div img{ border-radius: 50%; width: 60px; height: 60px;}
.talk-list-div a{ float: left; padding-top: 5px;}
.talk-list-div{ margin-bottom: 20px; border-bottom: 1px dotted #1A76B7; padding-bottom: 20px;}
.talk-nickname,.talk-content,.talk-date{ margin-left: 80px;}
.talk-nickname{ font-siz:16px; font-weight: bold; line-height: 30px; color: #00a1d2 }
.talk-content{ line-height: 24px;}
.talk-date{ line-height: 30px; color: #557799;}